<script setup>
import {ref,nextTick} from 'vue'

const v = ref(null)
nextTick(e=>{
    const el = v.value
    console.dir(el)
    console.log(el.seekable)
})

const handleTwoPlay = () => {
    v.value.playbackRate = 2
}

const handleOnePlay = () => {
    v.value.playbackRate = 1
}

const handleReliveSlience = () =>{
    v.value.muted = false
    v.value.volume = .4
}
</script>

<template>
    <div class="video-media-play-comp">
        <video src="../assets/风驶过的是你-小镇ak-ONETAP.mp4" autoplay muted controls ref="v"></video> 
    </div>
    <button @click="handleTwoPlay">x2.0</button>
    <button @click="handleOnePlay">x1.0</button>
    <button @click="handleReliveSlience">点击解除静音</button>
</template>

<style lang="less" scoped>
.video-media-play-comp {
    width: 800px;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    inset: 5px;
    margin: 0 auto;
    video{
        width: 100%;
    }
}
</style>